

/*  公共样式  */ 

* {
  margin: 0;
  padding: 0;
}

.w1200{
  width:62.5%;
  max-width:1200px;
  margin:0 auto;
}
.protitle{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  width: 71px;
  height: 24px;
  background: #C1823E;
  text-align: center;
  line-height: 24px;
}
.protext{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #010101;
  line-height: 28px;
}
.td2em{
  text-indent: 2em;
}
.bigbox{
  width:100%;
  height:0;
  padding-top:29.7%;
  position: relative;
  max-height: 570px !important;
  .bigboxall{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    .bigboximg{
      width:100%;
      height:100%;
    }
  }
}

.cursor{
  cursor: pointer;
}
.cyw{
  color:#FFD92A;
}
.cred{
  color:#FE763F;
}
.color_yw{
  color:#FFC513;
}
.color_dark{
  color:#FE763F;
}
.color_333{
  color:#333333 !important;
}


.ft18{
  font-size:18px !important;
}
.ft16{
  font-size:16px !important;
}

.page{
  padding-top:100px;
}

.mt25{
  margin-top:25px;
}
.pagetitle{
  font-size: 30px;
  font-family: FZZhengHeiS-EB-GB;
  font-weight: 400;
  color: #333333;
  animation: fadeInUp 1s  both  ;
}
.jgline{
  width:45px;
  height:3px;
  background: #109BE3;
  border-radius: 2px;
  margin-top:21px;
}
.jgname{
  font-size: 21px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  animation: fadeInUp 1s  both  ;
}

.jgbox{
  width:100%;
  padding-top:75px;
  height:auto;
}

.banner-box{
  width:100%;
  position: relative;
  height:0;
  max-height: 600px;
}
.posi-img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-height: 600px;
}

.height450{
  padding-top: 31.25%;
}

.app450{
  padding-top: 60%;
}

.subjgbox{
  min-height: calc(100vh - 400px);
}
// header
.header{
    width:100%;
    background: #fff;
    height:100px;
    position: fixed;
    top:0;
    left:0;
    z-index:1000;
    .head-box{
      height:100px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      .himg{
        width: 220px;
        height:36px;
        margin-right:120px;
      }
      .links{
        display: flex;
        position: relative;
        justify-content: space-between;
        padding:10px;
        .hitem{
          margin:0 15px;
          text-align: center;
          a{
            width:60px;
            height:24px;
            line-height: 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color:#040000;
            font-size: 14px;
            display: block;
            &:hover{
              color:#fff;
              background: #C1823E;
            }
          }
          .router-link-active{
            color:#fff;
            background: #C1823E;
          }
        }
      }
    }
}

// 手机头部
.app-head{
  width:100%;
  position: relative;
  height:50px;
  background: #fff;
  padding:0 20px;
  position: fixed;
  z-index:2001;
  top:0;
  left:0;
  .app-head-logo{
    width:199px;
    height:32px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
  }
  .menu{
     font-size: 12px;
     color:#aaaaaa;
     position: absolute;
     right:20px;
     top:18px;
  }
}

// 侧边栏 
.sidemenu{
  position: fixed;
  left:0;
  top:50px;
  height:auto;
  width:100%;
  background: #fff;
  z-index:2001;
  opacity: 1;
  padding-bottom:25px;
  box-shadow: 0px 10px 40px -10px #b1b1b1;
  .mlink{
    padding:0;
    .mitem{
      a{
        color:#C1823E;
        display: block;   
        height:40px;
        line-height: 40px;
        font-size:12px;
        padding:0 32px;
        .ali{
          width:100%;
          border-bottom:1px solid #ddd;
        }
      }
      .router-link-active{
        background: #C1823E;
        color:#fff;
        border:none;
      }
    }
  }
}

.banner{
  width:100%;
  height:0;
  padding-top:29.72%;
  position: relative;
  max-height: 600px !important;
  &-box{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    .banner-img{
      height:100%;
      width:100%;
    }
  }
}

.home{
  .banner{
    width:100%;
    height:0;
    padding-top:29.72%;
    position: relative;
    max-height: 600px !important;
    &-box{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 100%;
      .banner-img{
        height:100%;
        width:100%;
      }
    }
  }
  &-one{
    width:100%;
    height:auto;
    background: #fff;
    padding:50px 0;
    .home-box1{
      .topbox1{
        margin-top:50px;
        display: flex;
        justify-content: space-between;
        .left{
          margin-right:40px;
          flex-shrink: 0;
          color: #333333;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          .about{
            font-size: 23px;
            font-family: Source Han Sans CN;
            font-weight: 800;
            text-align: center;
            margin-top:4px;
          }
          .h2{
            font-size: 21px;
            font-family: FZZZHONGJW;
            font-weight: normal;
            line-height: 25px;
            margin-top:10px;
            // font-weight: 800;
            .name{
              color: #C1823E;
            }
          }
        }
        .right{
          flex:1;
          height:240px;
          background: #C1823E;
          padding:28px 40px;
          font-size: 14px;
          font-family: SourceHanSansCN;
          font-weight: 500;
          color: #FFFFFF;
          line-height: 28px;
          display: flex;
          align-items: center;
        }
      }
      .qiyewen{
        margin-top:150px;
        width:100%;
        .title{
          height: 23px;
          font-size: 23px;
          font-family: Source Han Sans CN;
          font-weight: 800;
          color: #333333;
          text-align: center;
        }
        .honeimg{
          margin-top:40px;
          width:100%;
          height:0;
          position: relative;
          padding-top:20%;
          img{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
          }
        }

        .htext{
          margin-top:40px;
          text-align: center;
          font-size: 23px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #C1823E;
          p{
            margin-bottom:4px;
          }
        }

        .btext{
          margin-top:115px;
          font-size: 23px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #333333;
          text-align: center;
          p{
            margin-bottom:4px;
          }
        }
      }
    }
  }

  &-two{
    width:100%;
    height:0px;
    background: #f1f1f1;
    padding-top:37.5%;
    position: relative;
    max-height: 720px !important;
    &-box{
      width:62.5%;
      height:77.8%;
      position: absolute;
      top:0;
      left:0;
      bottom:0;
      right:0;
      margin:auto;
      .htwoimg{
        height:100%;
        width:100%;
      }
    }
  }

  &-blank{
    width:100%;
    height:113px;
    background: #fff;
  }
}
.news{
    .newbox{
      padding:100px 20px;
      width:100%;
      .ntitle{
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .cntitle{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        margin-right: 4px;
      }
      .entitle{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #828282;
      }
      .nmain{
        display: flex;
        margin-top: 40px;
        justify-content: center;
        .leftimg{
          width:434px;
          height:255px;
        }
        .rightbox{
          width: 452px;
          height: 255px;
          background: #F7F7F7;
          margin-left:15px;
          padding:50px 30px 10px;
          .rtitle{
            font-size: 19px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #333333;
          }
          .rtext{
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #868686;
            line-height: 26px;
            margin-top:10px;
          }
          .rend{
            display: flex;
            justify-content: flex-end;
            margin-top:20px;
            .more{
              width: 84px;
              height: 28px;
              background: #AC6A00;
              font-size: 14px;
              font-family: Arial;
              font-weight: 400;
              color: #FFFFFF;
              text-align: center;
              line-height: 28px;
              cursor: pointer;
            }
          }
        }
      }
    }

    .newboxtwo{
      padding:100px 20px;
      width:100%;
      .twotitle{
        text-align:center ;
        font-size: 27px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #333333;
      }
      .twobox{
        margin:45px auto 0;
        width: 900px;
        background: #F7F7F7;
        padding:50px 70px;
        .subtitle{
          font-size: 19px;
          font-family: Source Han Sans CN;
          font-weight: 500;
          color: #333333;
          text-align: center;
          margin-bottom:42px;
        }
        p{
          font-size: 12px;
          font-family: Source Han Sans CN;
          font-weight: 500;
          color: #333333;
          text-indent: 2em;
          margin-top:5px;
        }
        .imgs{
          width:100%;
          margin: 35px 0  15px 0 ;
          display: flex;
          justify-content: space-around;
          .img{
            height:270px;
            width:33%;
          }
        }
        .rtime{
          font-size: 14px;
          font-family: SimSun;
          font-weight: 400;
          color: #868686;
          margin-top:20px;
        }
        .back{
          width: 70px;
          height: 28px;
          background: #AC6A00;
          font-size: 14px;
          font-family: Arial;
          font-weight: 400;
          color: #FFFFFF;
          text-align: center;
          line-height: 28px;
          cursor: pointer;
          margin-top:15px;
        }
      }
    }
}


.advance{
  
  .ad-one{
    width:100%;
    height:0;
    padding-top:29.7%;
    position: relative;
    max-height: 570px !important;
    &-box{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 100%;
      .ad-one-img{
        width:100%;
        height:100%;
      }
    }
  }

  .ad-two{
    min-height:400px;
    background: #fff;
    padding:110px 0 100px 0;
    .items{
      display: flex;
      width:100%;
      justify-content: space-between;
     
      .ad-two-item{
        text-align: center;
        .title{
          font-size: 27px;
          font-family: SourceHanSansCN;
          font-weight: bold;
          color: #333333;
        }
        .adimg{
          width:106px;
          height:106px;
          margin:20px auto;
        }
        .text{
          font-size: 15px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #666666;
        }
      }
    }

    .xiaimg{
      width:100%;
      height:21.52%;
      margin:110px auto 0;
    }
  }

}

// 企业介绍
.intro{
  .probox{
    padding:100px 0;
    background: #fff;
    .proboxmain{
      display: flex;
      overflow: hidden;
      .nav{
        width:250px;
        margin-right:30px;
        flex-shrink: 0;
        .nav-box{
          width:100%;
          .navtop{
            width:100%;
            height:108px;
            background: #C1823E;
            padding: 10px;
            cursor: pointer;
            .title{
              font-size: 23px;
              font-family: Microsoft YaHei;
              font-weight: bold;
              color: #FFFFFF;
              margin-top:30px;
              padding: 0 0 7px 25px;
              border-bottom:2px solid #333;
            }
          }
          .navlist{
            width:100%;
            .navitem{
              width:100%;
              height:45px;
              padding:0 20px 0 40px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              line-height: 45px;
              background: #E5E5E5;
              font-size: 14px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #333333;
              border-bottom:1px solid #fff;
              cursor: pointer;
            }
            .active{
              background: #B5B5B5;
              color:#fff;
            }
          }
        }
      }
      .content{
        flex:1;
        .ctbox{
          width:100%;
          margin-top:40px;
          .ctimg{
            width:100%;
          }
        }
      }
    }
  }

}
.product{
  .probox{
    padding:100px 0;
    background: #fff;
    .proboxmain{
      display: flex;
      overflow: hidden;
      .nav{
        width:250px;
        margin-right:30px;
        flex-shrink: 0;
        .nav-box{
          width:100%;
          .navtop{
            width:100%;
            height:108px;
            background: #C1823E;
            padding: 10px;
            cursor: pointer;
            .title{
              font-size: 23px;
              font-family: Microsoft YaHei;
              font-weight: bold;
              color: #FFFFFF;
              margin-top:30px;
              padding: 0 0 7px 25px;
              border-bottom:2px solid #333;
            }
          }
          .navlist{
            width:100%;
            .navitem{
              width:100%;
              height:45px;
              padding:0 20px 0 40px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              line-height: 45px;
              background: #E5E5E5;
              font-size: 14px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #333333;
              border-bottom:1px solid #fff;
              cursor: pointer;
            }
            .active{
              background: #B5B5B5;
              color:#fff;
            }
          }
        }
      }
      .content{
        flex:1;
        .center{
          .text{
            font-size: 14px;
            font-family: SourceHanSansCN;
            font-weight: 500;
            color: #010101;
            line-height: 28px;
            padding:15px 45px;
            margin-bottom:30px;
          }
          .all{
            width:90%;
            height:90%;
            margin:0 auto;
          }
        }
        .cbox1{
          .text1{
            font-size: 18px;
            font-family: zihun35hao;
            font-weight: normal;
            color: #C1823E;
            text-align: center;
            padding:15px;
            line-height: 30px;
          }
          .text2{
            font-size: 18px;
            font-family: zihun35hao;
            font-weight: normal;
            color: #C1823E;
            text-align: center;
            padding:15px;
            line-height: 30px;
          }
          .videobox{
            width: 100%;
            position: relative;
            height:0;
            padding-top:56.25%;
            margin-bottom:20px;
            .poster{
              position: absolute;
              top:0;
              left:0;
              width:100%;
              height:100%;
              cursor: pointer;
            }
            .video{
              position: absolute;
              top:0;
              left:0;
              width:100%;
              height:100%;
              // object-fit:fill;
            }
          }
          .cboxlist{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
          }
          .cpad{
            margin-bottom:4px;
            width:24.5%;
            .cpitem{
              width:100%;
              height:0;
              position: relative;
              padding-top: 75%;
              .cimg{
                position: absolute;
                top:0;
                right:0;
                width:100%;
                height:100%;
              }
            }
          }

          .prbig{
            margin-top:19px;
            width:100%;
          }
        }

        .cbox2{
          width:100%;
          height:auto;
          background: #F5F5F5;
          padding:25px 50px  40px 50px;
          .cbtext{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #010101;
            line-height: 28px;
            text-indent: 2em;
          }
          .tedian{
            margin-top:25px;
            .clist{
              .citem{
                margin-top:12px;
                display: flex;
                // align-items: center;
                .img{
                  width:5px;
                  height:7px;
                  margin-right:24px;
                  margin-top:7px;
                }
                .text{
                  font-size: 14px;
                  font-family: Microsoft YaHei;
                  font-weight: 400;
                  color: #010101;
                  line-height: 22px;
                }
              }
            }
            .bigimg{
              width:79%;
              height:68%;
              margin:30px auto 0;
            }
          }
          .gongye{
            margin-top:48px;
            .glist{
              padding-top:15px;
              .gitem{
                margin-top:12px;
                display: flex;
                align-items: center;
                .gimg{
                  width:45px;
                  height:45px;
                  margin-right: 20px;
                }
                .gtext{
                  margin-top:2px;
                  font-size: 14px;
                  font-family: Microsoft YaHei;
                  font-weight: bold;
                  color:#666;
                  line-height: 20px;
                  .biaoti{
                    color: #272727;
                  }
                }
              }
            }
            .dataimg{
              margin:20px auto ;
              width:100%;
              height:87.5%;
            }
          }
        }

        .cbox3{
          width:100%;
          height:auto;
          background: #F5F5F5;
          padding:25px 50px  40px 50px;
          .one{
            padding:40px 0 0 0;
            .wother{
              width:154px !important;
            }
            .ilist{
              padding-top:20px;
              
              .itemtext{
                margin-top:12px;
                display: flex;
                
              }
              .left{
                margin-right:3px;
                flex-shrink: 0;
              }
            }
            .last{
              margin-top:40px;
            }
          }
          .two{
            padding:30px 0 0 0;
            .plist{
              padding-top:20px;
            }
          }
          .three{
            padding:60px 0 0 0;
            .imglist{
              padding-top:25px;
              display: flex;
              flex-wrap: wrap;
              .imgitem{
                margin-top:30px;
                width:50%;
                text-align: center;
                img{
                  width: 155px;
                  height:155px;
                  margin:0 auto;
                }
                p{
                  margin-top:14px;
                }
              }
            }
          }
        }

        .cbox4{
          width:100%;
          height:auto;
          background: #F5F5F5;
          padding:40px 60px;
          .cblist{
            display: flex;
            flex-wrap: wrap;
            .cbitem{
              width:50%;
              display: flex;
              flex-direction: column;
              align-items: center;
              cursor: pointer;
              padding:0 15px 35px 15px;
              margin-bottom:35px;
              a{
                display: block;
                width:100%;
                height:100%;
                .timg{
                  // width:233px;
                  // height:305px;
                  width:100%;
                  height:90%;
                }
              }

              .text{
                text-align: center;
                font-size: 12px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: #333333;
                line-height: 18px;
                margin-top:14px;

              }
            }
          }
        }
      }
    }
    .centerbox-img{
      width:100%;
      height:15.55%;
      margin-top:70px;
    }
  }

  .showbox{
    .el-dialog{
      width:546px ;
      
      .el-dialog__header{
        padding:0;
      }
      .el-dialog__body{
        padding:0;
      }
    }
    .showbox-main{
      width:546px;
      height:730px;
      background: #C1823E;
      padding-top:40px;
      .stitle{
        font-size: 12px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #030000;
        line-height: 36px;
        text-align: center;
      }
      .simg{
        width:497px;
        height:600px;
        margin:15px auto 0;
      }
    }
  }
}


.company{
  .comone{
    width:100%;
    height:0;
    padding-top:29.7%;
    position: relative;
    max-height: 570px !important;
    &-box{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 100%;
      .comone-img{
        width:100%;
        height:100%;
      }
    }
  }
  // .comteo{
  //   width:100%;
  //   height:1220px;
  //   position: relative;
  //   &-box{
  //     width:100%;
  //     height:100%;
  //     padding:100px  0 120px 0 ;
  //     display: flex;
  //     flex-direction: column;
  //     align-items: center;
  //     justify-content: center;
  //      .title{
  //       font-size: 27px;
  //       font-family: SourceHanSansCN;
  //       font-weight: bold;
  //       color: #333333;
  //     }
  //     .logos{
  //       width:625px;
  //       height:883px;
  //       margin-top:65px;
  //     }
  //   }
  // }
  .comteo{
      &-box{
        text-align: center;
        padding:80px 0 110px 0;
        background: #fff;
        position: relative;
         .title{
          font-size: 27px;
          font-family: SourceHanSansCN;
          font-weight: bold;
          color: #333333;
        }
        .logos{
          width:43.4%;
          height:61.3%;
          margin:85px  auto 0;
        }
    }
  }
}

.contactus{
  .contactus-box{
    padding:100px 0;
    background: #fff;
    // text-align: center;
    // display: flex;
    // flex-direction: column;
    // align-items: center;
    .form{
      width:690px;
      margin:0 auto;
    }
    .conitem{
      margin-bottom: 30px;
      position: relative;
      .error{
        position: absolute;
        left:0;
        bottom:-22px;
        font-size: 10px;
        color:#f50;
      }
      .xu{
        font-size: 21px;
        font-family: FZZZHONGJW;
        font-weight: normal;
        color: #C1823E;
        line-height: 25px;
      }
      .sub{
        font-size: 17px;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #4F4F4F;
        line-height: 24px;
        padding-left:3px;
      }
      .text{
        font-size: 23px;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #4F4F4F;
        line-height: 35px;
      }
      .input{
        width:100%;
        height:45px;
        border:1px solid #ddd;
        border-radius: 5px;
        background-image: linear-gradient(#f1f1f1,#fff);
        padding:0 10px;
        margin-top:10px;
        font-size:16px;
      }
      .advise{
        width:100%;
        border:1px solid #ddd;
        border-radius: 5px;
        background-image: linear-gradient(#f1f1f1,#fff);
        padding:10px;
        margin-top:10px;
        font-size:16px;
      }
    }
    .submit-btn{
      width:180px;
      height:50px;
      font-size:20px;
      border:1px solid #ddd;
      border-radius: 5px;
      background-image: linear-gradient(#f1f1f1,#fff);
      outline: none;
    }
  }
}

.personal{
  .pbox{
    width:62.5%;
    max-width: 1200px;
    margin:100px auto;
    height:51%;
    max-height: 460px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    .imgone{
      position: absolute;
      width:56%;
      height:365px;
      left:0;
      top:50%;
      transform: translateY(-50%);
    }
    .pboxone{
      width:  70.2%;
      height: 460px;
      padding:30px 60px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      background: #C1823E;
      .ptext{
        width:240px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 28px;
        text-indent: 2em;
      }
    }
  }
}


// 修改浏览器滚动条默认样式
/*滚动条整体部分,必须要设置*/
.scrollbar::-webkit-scrollbar {
  width:6px;
  height:6px;
  border-radius:10px;
}

/*滚动条的轨道*/
.scrollbar::-webkit-scrollbar-track {
  background-color:#C1823E;
  // background-color:red;
  border: 1px solid #C1823E;
  height:6px;
  width:6px;
}

/*滚动条的滑块按钮*/
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #b5b5b5;
  box-shadow: inset 0 0 5px #ccc;
  width:6px;
  border-radius:10px;
  height:6px;
}

/*滚动条的上下两端的按钮*/
.scrollbar::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
  width:0;
}



::-webkit-scrollbar {
  width:6px;
  height:6px;
  border-radius:10px;
}

::-webkit-scrollbar-track {
  background-color:#C1823E;
  // background-color:red;
  border: 1px solid #C1823E;
  height:6px;
  width:6px;
}

/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #b5b5b5;
  box-shadow: inset 0 0 5px #ccc;
  width:6px;
  border-radius:10px;
  height:6px;
}

/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
  
  width:0;
}
